<template>
  <div class="info-manage-page">
    <h3 class="title-1" style="margin-top: 5px">账号信息</h3>
    <div class="info-1">登陆账号：18301400752</div>
    <h3 class="title-2">渠道信息</h3>
    <a-row class="info-2">
      <a-col :span="24"><span>渠道名称：</span>fdsfdsf</a-col>
      <a-col :span="24"><span>渠道类型：</span>院校 </a-col>
      <a-col :span="24"><span>联系人姓名：</span>张三 </a-col>
      <a-col :span="24"><span>联系人手机号：</span>18088080808</a-col>
      <a-col :span="24"><span>渠道地址：</span>北京市昌平区奥神科技园</a-col>
      <a-col :span="24"><span>统一社会信用代码：</span>12011011088989</a-col>
      <a-col :span="24" style="display: flex"
        ><span>统一社会信用代码扫描件：</span>
        <div class="image"></div>
      </a-col>
    </a-row>
    <h3>渠道服务</h3>
    <a-row class="info-2 info-3">
      <a-col :span="24"><span>渠道专属顾问：</span>fdsfdsf</a-col>
      <a-col :span="24" style="display: flex"
        ><span>渠道专属顾问企业微信二维码：</span>
        <div class="image"></div>
      </a-col>
    </a-row>
  </div>
</template>

<style lang="scss" scoped>
.info-manage-page {
  h3 {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 22px;
    margin: 0;
    margin-bottom: 20px;
  }
  .info-1 {
    height: 60px;
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    line-height: 60px;
    box-sizing: border-box;
    padding-left: 20px;
    margin-bottom: 38px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .info-2 {
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 38px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    :deep(.ant-col-24) {
      margin-bottom: 20px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .image {
      width: 120px;
      height: 83px;
      background-color: red;
    }
  }
  .info-3 {
    margin-bottom: 0;
    .image {
      width: 100px;
      height: 100px;
    }
  }
}
</style>
